<template>
  <div class="header">
    <div class="header-left" @click="toHome">
      <span class="iconfont">&#xe685;</span>
    </div>
    <div class="header-title">城市选择</div>
  </div>
</template>
<script>
export default {
    methods: {
        toHome(){
            this.$router.push("/")
        }
    },
};
</script>
<style scoped>
.header{
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    background-color: #71ebae;
    font-size: .3rem;
    color: #818a99;
    position: relative;
}
.header-left{
    width: .4rem;
    padding: 0 .2rem;
    text-align: center;
    font-weight: bold;
    position: absolute;
}
.header-title{
    text-align: center;
    font-size: .36rem;
    color:white;
    
}
</style>